<!DOCTYPE>
<html xmlns="">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>拼车</title>

		<link rel="stylesheet" type="text/css" href="../../css/css.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />

		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>

	</head>

	<body>
		<div class="main">
			<header class="header">
				<div class="leftArrow">
					<a href="我的订单.html">
						<i class="icon iconfont icon-jiantouzuo"></i>
					</a>
				</div>
				<div class="title">
					订单详情
				</div>
				<div class="backHome">
					<a href="#">
						<i class="icon iconfont icon-shouye"></i>
					</a>
				</div>
			</header>
			<div class="listTitle">
				<p></p><span>【芜湖方特一期】<b>安徽师范大学东门</b>出发</span>
				<br />
				<p><span class="btn btn-yellow">
							<b>50人成团</b>&nbsp;&nbsp;拼团价&nbsp;&nbsp;<strong>28</strong>元
						</span></p>
			</div>
			<div class="whitebg">	
				<ul class="massageList">
					<li class="normalFont">订单信息&nbsp;<small>（本页面微信分享到朋友圈即可享受）</small></li>
					<li><label class="label-tag label-red">随机免单</label><label class="label-tag label-red">班车满50人返现5元</label><label class="label-tag label-red">人数不足自动退款</label></li>
					<li>
						<p>订单状态：</p><span class="redFont">已提交，未支付</span></li>
					<li>
						<p>订单价格：</p><span class="priceFont font16 marginRight">28</span><span class="normalFont">元</span></li>
				</ul>

				<ul class="massageList">
					<li class="normalFont">预订信息</li>
					<li>
						<p>订单编号：</p><span class="normalFont">24254264</span></li>
					<li>
						<p>产品名称：</p><span class="normalFont">拼车</span></li>
					<li>
						<p>出发地点：</p><span class="normalFont">芜湖安徽师范大学东门</span></li>
					<li>
						<p>出发时间：</p><span class="normalFont">2016-02-18 9：00</span></li>
				</ul>

				<ul class="massageList">
					<li class="normalFont">联系人信息</li>
					<li>
						<p>姓名：</p><span class="normalFont">李三</span></li>
					<li>
						<p>手机：</p><span class="normalFont"><a  href="#" >15112345678</a></span></li>
				</ul>

			<ul class="orderPay">
					<li class="left">金额：<i class="icon iconfont icon-gantanhaotishi greenFont hidePrompt"></i><span class="priceFont font16">￥</span><span class="priceFont font18">28</span></li>
					<li class="right none"><a class="btn orangebg"><i class="icon iconfont icon-bianji marginRight"></i>余额支付</a><a class="qiehuan"><i class="ico-qiehuan icofont"></i></a></li>
					<li class="right none"><a class="btn orangebg"><i class="icon iconfont icon-bianji marginRight"></i>微信支付</a><a class="qiehuan"><i class="ico-qiehuan icofont"></i></a></li>
					<li class="right "><a class="btn btn-block orangebg"><i class="icon iconfont icon-bianji marginRight"></i>微信支付</a></li>
					<li class="right "><a class="btn btn-block greybg"><i class="icon iconfont icon-bianji marginRight"></i>等待付款</a></li>
					<div class="topArrow none"><img src="img/bottomarrow.png"></div>
					<div class="hidePromptBar none"><span>成人:</span><span>1</span><span>X</span><span>1888</span>
						<br />
						<span>儿童:</span><span>1</span><span>X</span><span>999</span>
						<br />
						<span>保险:</span><span>2</span><span>X</span><span>100</span>
						<br />
					</div>
				</ul>
			</div>
			<a class="" href="退改申请.html">
				<input type="button " class="fullButton" value="退改订单" />
			</a>
		</div>

		<div class="footNav">
			<ul>
				<li>
					<a href="首页.html">
						<i class="icon iconfont icon-shouye"></i>
						<p>首页 </p>
					</a>
				</li>
				<li>
					<a href="国内旅游大类.html">
						<i class="icon iconfont icon-fenlei"></i>
						<p>分类 </p>
					</a>
				</li>
				<li>
					<a href="国内旅游大类.html">
						<i class="icon iconfont icon-diqiu"></i>
						<p>目的地 </p>
					</a>
				</li>
				<li>
					<a class="orangeFont" href="个人中心首页.html">
						<i class="icon iconfont icon-ren"></i>
						<p>个人 </p>
					</a>
				</li>
			</ul>
		</div>

	</body>

</html>